<!doctype html>
<html lang="zh-CN">

<head>
    <title>注册</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/login.css">
</head>

<body>
    <div id='app' class='dis-cen' v-cloak>

        <div class='input-wrap'>
            <div class='logo'>
                <img src="./img/left-logo.png">
            </div>
            <div class='dis-cen input-right'>
                <div>
                    <h4 class='dis-spa tit'>
                        <span>注册</span>
                        <span class='hover' onclick="window.location.href='./login.html';">登录</span>
                    </h4>
                    <div class='input'>
                        <input type="text" placeholder="手机号">
                    </div>
                    <div class='dis-spa input'>
                        <input type="text" placeholder="验证码">
                        <span class='hover'>获取验证码</span>
                    </div>
                    <button class='hover next'>下一步</button>
                    <p class='service'>
                        注册即同意<span class='hover'>《用户协议》</span>
                    </p>
                </div>
            </div>
        </div>

    </div>
    <script src="./js/vue.min.js"></script>
    <script src="./js/el/index.js"></script>
    <script src='./js/jquery.min.js'></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                loading: false,
                mobile: '',
                code: '',
                //60s再访问的字
                codeFont: '获取验证码'
            },
            mounted: function() {

            },
            methods: {

            }
        });
    </script>

</body>

</html>